import { request } from "../../request/index.js";
Page({
  data: {
    goods:[],//获取的数据
    isFocus:false,//取消按钮，是否显示
    inpvalue:""//输入框的值
  },
  TimeId:-1,//定时器
  //输入框的值发生改变，就会触发事件
  handleInput(e){
    //1 获取输入框的值
    const {value}=e.detail;
    //2 检查合法性
    if(!value.trim()){
      //不合法
      //没有值，使输入框隐藏和数据消失
      this.setData({
        goods:[],
        isFocus:false
      })
      clearTimeout(this.TimeId);
      return;
    }
    //2.0.1 使按钮显示出来
    this.setData({
      isFocus:true
    })
    //2.1 清除定时器
    clearTimeout(this.TimeId);
    this.TimeId=setTimeout(() => {
      //3 准备发生请求获取数据
      this.qsearch(value);
    }, 1000);
  },
  //发送请求获取搜索的数据
  async qsearch(query){
    const res=await request({url:"/goods/search",data:{query}})
    //console.log(res);
    const {goods}=res;
    this.setData({
      goods
    })
  },
  //取消按钮点击事件
  handleCancel(){  
    this.setData({
      goods:[],
      isFocus:false,
      inpvalue:""
    })
  }
});